<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>麦町抽奖</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/res/css/base.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/res/css/lucky.css"/>
    <script src="${pageContext.request.contextPath }/res/js/jquery-1.8.3.min.js"></script>
    <script src="${pageContext.request.contextPath }/res/js/jquery.rotate.min.js"></script>
    <script src="${pageContext.request.contextPath }/res/js/lucky.js"></script>
</head>
<body>
    <!-- 转盘区域 -->
        <div class="activity">
        <div>
            <h2 class="title">麦町抽奖活动<br/>免单等你来拿</h2>
            <p class="time">活动时间：3月12日-4月15日</p>
        </div>
        <div class="turntable">
            <!-- 转盘背景 -->
            <img src="${pageContext.request.contextPath }/res/img/zhuanpan.png" alt="开始转盘"/>
            <!-- 开始按钮 -->
            <a href="javascript:" class="plate-btn" id="plateBtn"><img src="${pageContext.request.contextPath }/res/img/lijichoujiang.png" alt="立即抽奖"/></a>

        </div>
    </div>

    <!-- 活动规则 -->
    <div class="rule-list">
        <h4 class="rule-title">活动规则</h4>
        <p>1.  抽奖资格：在麦町消费消费付款时，即可获得一次有效抽奖机会；</p>
        <p>2.  幸运免单者，可在活动套餐中免费任选1款；</p>
        <p>3.  本活动最终解释权归麦町所有；</p>
    </div>

    <!-- 弹框遮罩 -->
    <div class="mask" id="mask"></div>

    <!-- 中奖弹框 -->
    <div class="prize-diolog" id="prizeDiolog">
        <h3>恭喜中奖啦</h3>
        <span class="prize" id="prize"></span>
        <p>颜值高果然不一样呀~</p>
<%--        <a href="javascript:" class="prize-btn" id="prizeBtn">去领奖</a>--%>
    </div>
    <div class="prize-diolog" id="noprizeDiolog">
        <h3>很遗憾</h3>
        <span class="prize"  id="noprize"></span>
        <p>送你一个么么哒~</p>
<%--        <a href="javascript:" class="prize-btn" id="prizeCancel">朕知道了</a>--%>
    </div>
</body>
</html>